<template>
    <div>
        <navheard></navheard>
        <mains :datasList='datasList'></mains>
        <jieshaoDetail :datasList='datasList'></jieshaoDetail>
        <footers></footers>
    </div>
</template>
<script>
import navheard from './yshowNav'
import mains from './chilDetail/detailchilid.vue'
import jieshaoDetail from './chilDetail/jieshaoDetail.vue'
import footers from '../footer.vue'
export default {
    data(){
        return {
            datasList:[]
        }
    },
    components:{
        navheard,
        mains,
        jieshaoDetail,
        footers
    },
    methods:{
        getdatas(ids){
            this.$http.get('/yanchuDetil',{
                params:{
                    ids:ids
                }
            }).then(res=>{
                console.log(res.data.data[0]);
                this.datasList = res.data.data[0]
            }).catch(err=>{
                console.log(err);
            })
        }
    },
    created(){
        // console.log(this.$route.query.ids);
        let ids = this.$route.query.ids
        this.getdatas(ids)
    }
}
</script>

<style>
    body{
        background:#f2f2f2;
    }
</style>